<template>
  <view class="uqrcode">
    <canvas
      id="qrcode"
      class="qrcode"
      canvas-id="qrcode"
      :style="{ width: `${options.size}px`, height: `${options.size}px` }"
    />
  </view>
</template>

<script>
import uqrcode from './uqrcode';
export default {
  name: 'Uqrcode',
  data() {
    return {
      options: {
        canvasId: 'qrcode',
        size: 354,
        margin: 10,
        text: ''
      }
    };
  },
  methods: {
    make(options) {
      return uqrcode.make(Object.assign(this.options, options), this);
    }
  }
};
</script>

<style>
.qrcode {
  margin: auto;
}
</style>
